<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>javascript事件</title>
</head>
<body>
    <button 
        onmouseover="over()"
        onclick="cli()"
        onmousedown="down()"
        onmouseup="up()"
        onmousemove="move()"
    >换一换</button>

    <input 
        onfocus="fo()" 
        onblur="bl()" 
        oninput="inp()"
        type="text"
    >

    <script>
        function inp(){
            console.log('inp')
        }
        function fo(){
            console.log('fo')
        }
        function bl(){
            console.log('blur')
        }
        function over(){
            console.log('over')
        }
        function cli(){
            console.log('click')
        }
        function down(){
            console.log('down')
        }
        function up(){
            console.log('up')
        }
        function move(){
            console.log('move')
        }
    </script>
</body>
</html>

